const init = {
	'main-user': require('@jmodules/user/init-user'),
	'main-team': require('@jmodules/team/init-team'),
	'main-project': require('@jmodules/project/init-project'),
	'main-apis': require('@jmodules/apis/init-apis'),
	// 'main-params': require('@jmodules/params/init-params'),
}

module.exports = function(node) {
	let {
		mainComp,
	} = $['components-jq']
	let tabsJQ = mainComp.tabsJQ = $("#main-tabs")
	tabsJQ.tabs({
		fit: true,
		onAdd(title, index) {
			let id = tabsJQ.tabs('getTab', title)[0].id
			if (typeof init[id] == 'function') {
				init[id]()
			}
		},
	})
	import('@jviews/project/project.html').then(html => {
		tabsJQ.tabs('add', {
			id: 'main-project',
			title: 'project Man',
			content: html,
			closable: false,
		});
	})
}

// ==============================================================
// function initAPI() {
// 	import ('@jviews/apis/api.html').then((content) => {
// 		let apiJQ = $("#api")
// 		apiJQ.layout({
// 			fit: true,
// 			onAdd(region) {
// 				if (region == 'center') {
// 					initUser()
// 					console.log($("#ff").height())
// 					console.log($("#api").height())
// 					console.log($(document).height())

// 				}
// 				if (region == 'north')
// 					initAPITools()
// 			}
// 		}).layout('add', {
// 			region: 'north',
// 			// title: 'tools',
// 			split: false,
// 			height: 70,
// 			content: '<div id="tools" class="tools"><a id="save"></a><a id="edit"></a><a id="cancel"></a></div>'
// 				// content,
// 		}).layout('add', {
// 			region: 'west',
// 			width: 180,
// 			title: 'West Title',
// 			split: true,
// 			tools: [{
// 				iconCls: 'icon-add',
// 				text: '添加',
// 				handler: function() {
// 					alert('add')
// 				},
// 			}, {
// 				iconCls: 'icon-edit',
// 				text: '修改',
// 				handler: function() {
// 					alert('edit')
// 				}
// 			}, {
// 				iconCls: 'icon-remove',
// 				text: '修改',
// 				handler: function() {
// 					alert('edit')
// 				}
// 			}]
// 		}).layout('add', {
// 			region: 'center',
// 			title: 'Center Title',
// 			split: false,
// 			content,
// 			// content: '<div><form id="ff"></form><table id="req"></table><table id="res"></table></div>',
// 		})
// 	});

// }

// function initAPITools() {
// 	$("#save").linkbutton({
// 		iconCls: 'icon-save',
// 		// plain: true,
// 		text: "保存",
// 		// size: 'large',
// 	})
// 	$("#edit").linkbutton({
// 		iconCls: 'icon-edit',
// 		// plain: true,
// 		text: "保存",
// 		// size: 'large',
// 	})
// 	$("#cancel").linkbutton({
// 		iconCls: 'icon-remove',
// 		// plain: true,
// 		text: "保存",
// 		// size: 'large',
// 	})
// }

// function initUser() {
// 	// 	req
// 	// res
// 	$("#req").datagrid({
// 		// fit: true,
// 		// height: '80%',
// 		width: '50%',
// 		cls: 'req',
// 		// pagination: true,
// 		toolbar: [{
// 			iconCls: 'icon-edit',
// 			handler: function() {
// 				alert('edit')
// 			}
// 		}, '-', {
// 			iconCls: 'icon-help',
// 			handler: function() {
// 				alert('help')
// 			}
// 		}],
// 		columns: [
// 			[{
// 				field: 'op',
// 				title: 'OP',
// 				width: 50
// 			}, {
// 				field: 'name',
// 				title: '变量名',
// 				width: 100
// 			}, {
// 				field: 'content',
// 				title: '含义',
// 				width: 100,
// 			}, {
// 				field: 'type',
// 				title: '类型',
// 				width: 100,
// 			}, {
// 				field: 'remark',
// 				title: '备注'
// 			}]
// 		],
// 		data: [{
// 			name: 'xxx',
// 			code: 'xxx',
// 			price: 2,
// 		}, {
// 			name: 'xxx',
// 			code: 'xxx',
// 			price: 2,
// 		}]
// 	}).datagrid('resize')

// 	$("#res").datagrid({
// 		// fit: true,
// 		// height: 200,
// 		width: '50%',
// 		cls: 'res',
// 		// pagination: true,
// 		toolbar: [{
// 			iconCls: 'icon-edit',
// 			handler: function() {
// 				alert('edit')
// 			}
// 		}, '-', {
// 			iconCls: 'icon-help',
// 			handler: function() {
// 				alert('help')
// 			}
// 		}],
// 		columns: [
// 			[{
// 				field: 'code',
// 				title: 'Code',
// 				width: 100
// 			}, {
// 				field: 'name',
// 				title: 'Name',
// 				width: 100
// 			}, {
// 				field: 'price',
// 				title: 'Price',
// 				width: 100,
// 				align: 'right'
// 			}]
// 		]
// 	}).datagrid('resize')
// }